<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人</title>
		<!-- 公共样式 -->
		<link type="text/css" rel="stylesheet" href="css/public.css" />
		<!-- 页面独立的 -->
		<link type="text/css" rel="stylesheet" href="css/person4.css" />
		<!-- bootstrap -->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="css/swiper-bundle.min.css" />
		
		<style></style>
	</head>
	<body>
		<div class="person">
			<div class="head">
				<div class="headimg1">
					<img src="img/设置、齿轮.png"/>
				</div>
				<div class="headimg1">
					<img src="img/客服.png"/>
				</div>
			</div>
			<!-- 头像 -->
			<div class="headSculpture">
				<div class="headSculpture_img">
					<img src="img/bottom4.png" />
				</div>
				<div class="headSculpture_text">
					<div class="headSculpture_p1">小斌</div>
					<div class="headSculpture_p2">实名待更新</div>
				</div>
			</div>
			<!-- 内容 -->
			<div class="content">
				<div class="content_li">
					<div class="content_liimg">
						<img src="img/收藏3.png"/>
					</div>
					<div class="content_lip">收藏</div>
				</div>
				<div class="content_li">
					<div class="content_liimg">
						<img src="img/足迹.png"/>
					</div>
					<div class="content_lip">足迹</div>
				</div>
				<div class="content_li">
					<div class="content_liimg">
						<img src="img/红包.png"/>
					</div>
					<div class="content_lip">红包卡劵</div>
				</div>
				<div class="content_li">
					<div class="content_liimg">
						<img src="img/现金贷.png"/>
					</div>
					<div class="content_lip">领现金</div>
				</div>
			</div>
			
			
			<div class="content1">
				<div class="content_lih">
					<div class="content_lih1">订单</div>
					<div class="content_lih2">全部 ></div>
				</div>
				<div class="content1_1">
					<div class="content_li">
						<div class="content_liimg">
							<img src="img/待付款.png"/>
						</div>
						<div class="content_lip">待付款</div>
					</div>
					<div class="content_li">
						<div class="content_liimg">
							<img src="img/卡车.png"/>
						</div>
						<div class="content_lip">待收货</div>
					</div>
					<div class="content_li">
						<div class="content_liimg">
							<img src="img/时钟.png"/>
						</div>
						<div class="content_lip">待使用</div>
					</div>
					<div class="content_li">
						<div class="content_liimg">
							<img src="img/待评价.png"/>
						</div>
						<div class="content_lip">待评价</div>
					</div>
					<div class="content_li">
						<div class="content_liimg">
							<img src="img/退款.png"/>
						</div>
						<div class="content_lip">退款/售后</div>
					</div>
				</div>
			</div>
			
			
			<div class="content2">
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_1.png"/>
					</div>
					<div class="content_lip">小美餐厅</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_2.png"/>
					</div>
					<div class="content_lip">天天提现</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_3.png"/>
					</div>
					<div class="content_lip">守卫羊村</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_4.png"/>
					</div>
					<div class="content_lip">免费领水果</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_5.png"/>
					</div>
					<div class="content_lip">斗地主</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_6.png"/>
					</div>
					<div class="content_lip">全民种红包</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_7.png"/>
					</div>
					<div class="content_lip">鲜果消消乐</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_8.png"/>
					</div>
					<div class="content_lip">赚钱中心</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_9.png"/>
					</div>
					<div class="content_lip">美食小镇</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg">
						<img src="img/content2_10.png"/>
					</div>
					<div class="content_lip">天天领钱</div>
				</div>
			</div>
			
			
			<div class="content3">
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_1.png"/>
					</div>
					<div class="content_lip">成长中心</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_2.png"/>
					</div>
					<div class="content_lip">看小说赚钱</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_3.png"/>
					</div>
					<div class="content_lip">开发票</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_4.png"/>
					</div>
					<div class="content_lip">入驻美团</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_5.png"/>
					</div>
					<div class="content_lip">我的店铺</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_6.png"/>
					</div>
					<div class="content_lip">每日赚钱</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_7.png"/>
					</div>
					<div class="content_lip">企业服务</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_8.png"/>
					</div>
					<div class="content_lip">手机充值</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_9.png"/>
					</div>
					<div class="content_lip">美团公益</div>
				</div>
				<div class="content_li2">
					<div class="content_liimg3">
						<img src="img/content3_10.png"/>
					</div>
					<div class="content_lip">团团神券</div>
				</div>
			</div>
			
			
			<!-- 退出登录 -->
			<div class="button_tc0">
				<button class="button_tc">退出登录</button>
			</div>
		</div>
		
		<!-- 底部空白 -->
		<div class="bottomblank"></div>
		
		<!-- 底部 -->
		<div class="bottom">
			<a href="index.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom1.png" />
				</div>
				<div class="bottom_lip">首页</div>
			</a>
			<a href="classification2.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom2.png" />
				</div>
				<div class="bottom_lip">分类</div>
			</a>
			<a href="shopping3.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom3.png" />
				</div>
				<div class="bottom_lip">购物</div>
			</a>
			<a href="person4.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom4.png" />
				</div>
				<div class="bottom_lip">我的</div>
			</a>
		</div>
		
	</body>
</html>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- jquery  -->
<script src="js/jquery.min.js"></script>
<!-- wow.js -->
<script src="js/wow.min.repeat.js"></script>
<!-- Swiper JS -->
<script src="js/swiper-bundle.min.js"></script>

<script>
	//实例化wow.js
	new WOW().init()

	//锚点跳转滑动效果  
	$('#bs-example-navbar-collapse-1 a[href],#banner a[href],#back a[href]').click(function() {
		if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this
			.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
			if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html,body').animate({
					scrollTop: targetOffset
				}, 1000);
				return false;
			}
		}
	});

	//给页面绑定一个滚动条事件
	$(document).scroll(function() {
		//获取滚动条滚动长度大小
		var distance = $(this).scrollTop()

		// 	当滚动条滚动的长度大于150
		if (distance > 150) {
			// 显示返回顶部
			$("#gotop").css({
				zIndex: 99998,
				opacity: 1
			});
		} else {
			// 隐藏返回顶部
			$("#gotop").css({
				zIndex: -99998,
				opacity: 0
			});
		}
	})
</script>